<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../reset.css">
    <style>
        .head {
            background-color: yellowgreen;
            height: 80px;
        }

        .head .advertising{
            background-color: red;
            height: 50px;
        }
        .head .search{
            background-color: green;
            height: 30px;
        }

        .main{
            height: 500px;
            background-color: yellowgreen;

            margin-top: 10px;
        }
        .main .left-sidebar{
            height: 500px;
            width: 15%;
            background-color: #ffff00;

            float: left;
        }

        .main .banner {
            height: 500px;
            width: 60%;
            background-color: purple;
            float: left;
            margin-left: 10px;
        }

        .main .right-sidebar{
            height: 500px;
            width: 15%;
            background-color: #ff8500;
            float: left;
            margin-left: 10px;
        }
    </style>
</head>
<body>
<div class="head">
    <div class="advertising"></div>
    <div class="nav"></div>
    <div class="search"></div>
</div>
<div class="main">
    <div class="left-sidebar"></div>
    <div class="banner"></div>
    <div class="right-sidebar"></div>
</div>
<div class="footer"></div>
</body>
</html>